<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>vuex的使用</title>
</head>
<body>
  <script>
    /**
     *  5个核心
     *  state  存储变量的值
     *  getters 当state被访问时执行的函数
     *  mutations 同步修改变量
     *  actions 异步修改变量 会默认包装一个promise 然后调用mutations
     *  modules 模块化时使用
     * 
     * 
     *  辅助函数
     *  mapState mapGetters mapMutations mapActions
     * 
     * 
     *  模块化时空间命名
     *  namespaced:true
     * 
     *  模块化辅助函数
     *  import { createNamespacedHelpers } from 'vuex'
     *  const { mapState, mapActions, mapGetters, mapMutations } = createNamespacedHelpers('userInfo') //userInfo为模块名称
     * 
     *  或者按照类似路径的方式调用
     *  store.dispatch('userInfo/userName')
     * 
    */
  </script>
</body>
</html>